<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>

<body>
    <div class="showtime"></div>
    <script>

        // // 实现一个电子钟：都是汉字中文 显示年月日 时分秒

        // var ele = document.querySelector(".showtime");
        // function getTime() {
        //     var date = new Date();
        //     var str = `当前时间为${date.getFullYear()}年 ${date.getMonth() + 1}月 ${date.getDate()}日 ${date.getHours()}时 ${date.getMinutes()}分 ${date.getSeconds()}秒`;
        //     ele.innerHTML = str;
        // }

        // // function fn (){
        // //     var temp = 0;
        // //     if(x=9){
        // //         temp = "九";
        // //         x = temp;
        // //     }
        // // }

        // getTime();
        // setInterval(getTime, 1000);



// =========================================================================================


        /* 
             实现一个电子钟：都是汉字中文 显示年月日 时分秒

            1. 10-20 之间 十一 、 十二、十三 。。。。

            2. 20 以后 二十一 二十二 二十三 ....

            3. 20,30,40 50... 二十 三十 四十

            4. 不需要考虑 60以上
        
        */

        // 2022年 8月 13 号  10:5；
        // 二零二二 年 八月 十三号 十点零五分；
        // 时 、分、秒 0--60；  月 1-12  日 1-31
        // 需要把 0-60之间的 数字转成中文的；

        // 1.0-10   十
        // 2.10-20  十一 十二   十三
        // 3.20 以后  二十一
        // 4.20  30 40 50 60  二十  三十  四十...

        // 定义一个函数 ，传入一个0-60 之间的数字，返还0-60之间的汉字；

        function getWords(num) {
            var arr = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"];
            if (0 <= num && num <= 10) {  // 0-10
                return arr[num];
            } else if (10 < num && num < 20) {  // 10 --- 20 之间的数字；
                // 12  十二 
                var a = num % 10;
                // console.log(a);
                return "十" + arr[a];
            } else if (num > 20 && num % 10 != 0) {   // 大于20 不能是  20 30 40 50 60 这些；
                // 23  二十三    45 四十五    50 五十
                // 23   2--》二   十    3 ---> 三 ；
                var b = num % 10; // 个位
                var c = parseInt(num / 10); // 十位 ；
                return arr[c] + "十" + arr[b];
            } else if (num >= 20 && num % 10 == 0) {
                // 30  ----> 3 转成 三  后面 + 十；
                var d = num / 10;
                return arr[d] + "十";
            }
        }



        // 定义一个函数 ，传入数字的年份，返还汉字的年份；
        function getYear(year) {
            year = year + "";
            // 2022
            // console.log()
            return getWords(year[0]) + getWords(year[1]) + getWords(year[2]) + getWords(year[3]);

        }

        // console.log(getYear(2021));

        // var arr = [1,2,3];
        // console.log(arr[2]);
        // console.log(getWords(10));
        // console.log(getWords(20));


        function fn() {
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth();
            var day = date.getDate();
            var hour = date.getHours();
            var minute = date.getMinutes();
            var second = date.getSeconds();




            // 显示时间 
            var str = `当前时间是${getYear(year)}年 ${getWords(month + 1)}月 ${getWords(day)} 日 ${getWords(hour)}时 ${getWords(minute)}分  ${getWords(second)}秒`;
            // console.log(str);
            document.body.innerHTML = str;
        }

        fn();

        setInterval(fn,1000);

            

    </script>
</body>

</html>